{% extends "_layout.html" %}
{% import "component/statistics.njk" as statistics %}

{# 样式代码 #}
{% block style %}
<style>
    .personal_setting_box { width: auto; margin-top: 10px; background: #fff;padding: 0 18px;}
    .personal_setting_box li{ width: auto; height: 45px; line-height: 45px; }
    .personal_setting_box li a{ float: left; display: block; width: 100%; height: 100%; }
    .personal_setting_box li a p{ width: auto; font-size: 15px; float: left;}
    .personal_setting_box li a span { float: right; font-size: 15px; color: #949494; margin-right:5px;}
    .personal_setting_box li a .setting_more{ width: .2rem; height: 100%; float: right; font-size: 20px; line-height: 30px;}
    .pub-border-bottom { border-bottom: 1px solid #f7f7f7;}
    .personal_setting_but { background: #fff; margin: auto; margin-top: 70px; display: block; width: 90%; border-radius: 3px;text-align: center; padding: 13px 0; font-size: 15px;}
</style>
{% endblock %}

{# bodyd代码#}
{% block body %}
<div class="nwrapper">
    <!--顶部-->
    <div class="head">
        <div class="head_top back"><b class="head_top_backimg"></b></div>
        <div class="head_name">个人信息</div>
    </div>
    <!--/顶部-->

    <!--中间-->
    <div class="main">
        <ul class="personal_setting_box">
            <li class="pub-border-bottom"><a><p>头像</p><div class="setting_more"><img src="{{ ctx.app.config.api.static }}/img/more_2.png" /></div><img class="head_portrait" src="{{ ctx.app.config.api.static }}/images/tx6.png"></a></li>
            <li><a href="user_nickname.html"><p>昵称</p><div class="setting_more"><img src="{{ ctx.app.config.api.static }}/img/more_2.png" /></div><span>憨豆先生</span></a></li>
        </ul>
        <button type="button" class="personal_setting_but">返回</button>
    </div>
    <!--/中间-->
</div>

{% endblock %}

{#js代码#}
{% block js %}

<script>

</script>
{% endblock %}
